<template>
  <!-- 审批流 -->
  <div class="box">
    <div class="header">
      <p>审批记录:</p>
    </div>
    <InforText></InforText>
    <el-row>
      <el-col :span="16">
        <el-form :model="formInline" style="margin-left:5%">
          <el-row>
            <el-col :span="6">
              <el-form-item label="审批信息:">
                <el-radio-group v-model="formInline.resource">
                  <el-radio label="通过"></el-radio>
                  <el-radio label="退回到"></el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label-width="0">
                <el-select v-model="formInline.region" placeholder="请选择">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="审批要求:">
                <el-select v-model="formInline.region" placeholder="请选择">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="24">
              <el-form-item>
                <el-input
                  type="textarea"
                  :rows="5"
                  placeholder="请输入内容"
                  v-model="formInline.textarea"
                >
                </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="10">
              <el-form-item label="授权密码（非登录密码）:" label-width="180px">
                <el-input
                  v-model="formInline.user"
                  style="width:180px"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item>
                <el-button type="primary">提 交</el-button>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-col>
      <el-col :span="6"
        ><div class="rightText"><p>实际审批人:张三</p></div></el-col
      >
    </el-row>
  </div>
</template>

<script>
import InforText from "./InforText";
export default {
  name: "ApprovalProcess",
  components: { InforText },
  data() {
    return {
      formInline: {},
      options: []
    };
  }
};
</script>

<style scoped trpe="less">
.box {
  /* margin-top: 50px; */
  height: auto;
  width: 97%;
  background-color: rgb(243, 243, 243);
}
.header {
  width: 98%;
  height: 40px;
  text-align: left;
  padding: 10px 0 0 30px;
}
::v-deep .el-form-item__content {
  text-align: left;
}
.rightText {
  height: 50px;
  line-height: 50px;
  margin-top: 50px;
}
</style>
